import NProgress from 'nprogress';
import 'nprogress/nprogress.css';
import { extend } from 'umi-request';
import { notification, message, Modal, Button } from 'antd';
const { confirm } = Modal;

const codeMessage = {
  200: '服务器成功返回请求的数据。',
  201: '新建或修改数据成功。',
  202: '一个请求已经进入后台排队（异步任务）。',
  204: '删除数据成功。',
  400: '发出的请求有错误，服务器没有进行新建或修改数据的操作。',
  401: '用户没有权限（令牌、用户名、密码错误）。',
  403: '用户得到授权，但是访问是被禁止的。',
  404: '发出的请求针对的是不存在的记录，服务器没有进行操作。',
  406: '请求的格式不可得。',
  410: '请求的资源被永久删除，且不会再得到的。',
  422: '当创建一个对象时，发生一个验证错误。',
  500: '服务器发生错误，请检查服务器。',
  502: '网关错误。',
  503: '服务不可用，服务器暂时过载或维护。',
  504: '网关超时。',
};

NProgress.configure({ trickle: true });

/**
 * 异常处理程序
 */
const errorHandler = (error) => {
  const { response } = error;
  notification.destroy();
  if (response && response.status) {
    const errorText = codeMessage[response.status] || response.statusText;
    const { status, url } = response;
    status != 200 &&
      notification.error({
        message: `请求错误 ${status}: ${url}`,
        description: errorText,
      });
    message.destroy();
    Modal.destroyAll();
    // if (status == 401) {
    //   confirm({
    //     title: '登录过期',
    //     content: '登录过期，请重新登录',
    //     onOk() {
    //       console.log('OK');
    //     },
    //     onCancel() {
    //       console.log('Cancel');
    //     },
    //     footer: [<Button onClick={()=>{

    //     }}>Info</Button>]
    //   });
    // }
  } else if (!response) {
    notification.error({
      description: '您的网络发生异常，无法连接服务器',
      message: '网络异常',
    });
  }
  NProgress.done();
  return response;
};

const request = extend({
  errorHandler, // 默认错误处理
  timeout: 15000,
  credentials: 'include',
});

// request拦截器, 改变url 或 options.
request.interceptors.request.use(async (url, options) => {
  NProgress.remove();
  NProgress.start();
  let newOption = { ...options };
  if (newOption.method === 'post' || newOption.method === 'put') {
    // params --> 会被放到body的请求参数，POST／PUT／DELETE 方法
    newOption.data = newOption.body;
  } else {
    // params --> 会被拼接到url上的的请求参数，GET方法
    newOption.params = newOption.body;
  }
  if (newOption.body) {
    // 为了保证调用的一致性，外部都通过自定义的body传递参数，但body是关键字需要手动清除
    delete newOption.body;
  }

  let token = localStorage.getItem('token');
  if (token) {
    const headers = {
      'Content-Type': 'application/json; charset=utf-8',
      Accept: 'application/json',
      Authorization: `Bearer ${token}`,
    };
    return { url, options: { ...newOption, headers } };
  }
  return { url, options: { ...newOption } };
});

// 添加拦截器统一处理返回response
request.interceptors.response.use(async (response, options) => {
  const { responseType, data = {} } = options || {};
  // 支持但会格式是json 故可以使用 response.clone().json();
  // 不能转换处理则额外处理 blob 对于二进制文件下载
  try {
    const cloneJson = await response.clone().json();
    // console.log('cloneJson',cloneJson);
  } catch (error) {
    if (responseType == 'blob') {
      const filename = response.headers
        .get('content-disposition')
        .split('=')[1];
      const file = await response.blob();
      const ieKit = /(?:ms|\()(ie)\s([\w\.]+)|trident|(edge|edgios|edga|edg)/i.test(
        window.navigator.userAgent,
      );
      const blobData = new Blob([file], { type: 'application/vnd.ms-excel' });
      if (ieKit) {
        navigator.msSaveBlob && navigator.msSaveBlob(blobData, filename);
      } else {
        const objectURL = window.URL.createObjectURL(blobData);
        const save_link = document.createElement('a');
        const event = document.createEvent('MouseEvents');
        save_link.href = objectURL;
        save_link.download = decodeURIComponent(filename);
        event.initMouseEvent(
          'click',
          true,
          false,
          window,
          0,
          0,
          0,
          0,
          0,
          false,
          false,
          false,
          false,
          0,
          null,
        );
        save_link.dispatchEvent(event);
        window.URL.revokeObjectURL(objectURL);
      }
    }
    NProgress.done();
    return {
      success: true,
      msg: '成功了',
      data: null,
    };
  }
  NProgress.done();
  return response;
});

export default request;
